const graphData = {
  "cells":[
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"b6627a6b-f581-4e06-aa25-c27b5c5d5f6d",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "source":{
              "cell":"8a66390a-1c20-45b9-814b-946550ceb60c",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          },
          "target":{
              "cell":"9b4003c8-7518-4e03-a53d-83a625f2d273",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"c9030197-3a76-4c65-aa28-fcecdcfa7b4a",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "source":{
              "cell":"742ec08d-437b-44a1-9b54-b701f293e2b7",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          },
          "target":{
              "cell":"cdb07508-a357-4a6a-998e-4a265516d683",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"0edb4ab6-2dd7-42d0-8064-72d405ece2e2",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "source":{
              "cell":"8e176871-4087-4c54-a2bf-b3d78eb61da7",
              "port":"c43866db-d097-4a75-9554-af470c05d240"
          },
          "target":{
              "x":660,
              "y":560
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"e869c5f4-3ce7-46bd-a4de-21402f3523bd",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":340,
              "y":260
          },
          "source":{
              "cell":"b1813b3e-cccb-4540-a7ec-50001b7c6f0b",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"0605e47d-c7e1-4f26-9ab3-d31d9301f55d",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":480,
              "y":260
          },
          "source":{
              "cell":"d672843e-45d4-4ad7-81b6-35525cac1231",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"b0e1e682-2a9a-42d6-8aab-69117ecf058c",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":700,
              "y":260
          },
          "source":{
              "cell":"91ba5db9-762c-448a-9429-e32472ba87c5",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"e0dbeb1d-52ea-4240-8885-53fadab1afea",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":940,
              "y":260
          },
          "source":{
              "cell":"99c7c557-3d90-4975-a830-88c8f0b95e14",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"15859132-8b3b-4b2d-9b89-9453308c7fca",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":340,
              "y":560
          },
          "source":{
              "cell":"eaf00caf-4224-4157-9315-c26556d141c4",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"c82994b9-4d77-4ac0-97b3-b02e0a10e7fa",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":540,
              "y":560
          },
          "source":{
              "cell":"0fecb487-df0a-47eb-a085-7f477abf9d91",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"0f776b7c-6d05-4fc8-af76-9f870aca2039",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":700,
              "y":560
          },
          "source":{
              "cell":"00beb5fa-fcd4-40be-bae1-b7b9a3acba7b",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "shape":"edge",
          "attrs":{
              "line":{
                  "stroke":"#ffc618f0",
                  "strokeWidth":4,
                  "targetMarker":{
                      "name":"path",
                      "rx":2,
                      "ry":2
                  }
              }
          },
          "id":"9b840e29-62bb-42a6-98ca-5ec327b7bf8e",
          "router":{
              "name":"manhattan"
          },
          "zIndex":0,
          "target":{
              "x":920,
              "y":560
          },
          "source":{
              "cell":"0622dbc5-b317-4695-a6de-01ed14030a5b",
              "port":"49075672-6852-4c45-a09b-ff1ddd6632e9"
          }
      },
      {
          "position":{
              "x":80,
              "y":280
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"火车南站-监控"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"8a66390a-1c20-45b9-814b-946550ceb60c",
          "zIndex":42
      },
      {
          "position":{
              "x":540,
              "y":80
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"主系统"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"8e176871-4087-4c54-a2bf-b3d78eb61da7",
          "zIndex":47
      },
      {
          "position":{
              "x":460,
              "y":280
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"沙湾公园-监控"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"d672843e-45d4-4ad7-81b6-35525cac1231",
          "zIndex":50
      },
      {
          "position":{
              "x":620,
              "y":280
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"人民东路-监控"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"91ba5db9-762c-448a-9429-e32472ba87c5",
          "zIndex":51
      },
      {
          "position":{
              "x":840,
              "y":280
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"锦泰广场-监控"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"99c7c557-3d90-4975-a830-88c8f0b95e14",
          "zIndex":52
      },
      {
          "position":{
              "x":260,
              "y":280
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"杜花路监控"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"b1813b3e-cccb-4540-a7ec-50001b7c6f0b",
          "zIndex":53
      },
      {
          "position":{
              "x":1040,
              "y":280
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"火车站-监控"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"9b4003c8-7518-4e03-a53d-83a625f2d273",
          "zIndex":54
      },
      {
          "position":{
              "x":1060,
              "y":580
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"火车站-检修"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"cdb07508-a357-4a6a-998e-4a265516d683",
          "zIndex":56
      },
      {
          "position":{
              "x":260,
              "y":580
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"杜花路-检修"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"eaf00caf-4224-4157-9315-c26556d141c4",
          "zIndex":57
      },
      {
          "position":{
              "x":80,
              "y":580
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"火车南站-检修"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"742ec08d-437b-44a1-9b54-b701f293e2b7",
          "zIndex":58
      },
      {
          "position":{
              "x":460,
              "y":580
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"沙湾公园-检修"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"0fecb487-df0a-47eb-a085-7f477abf9d91",
          "zIndex":59
      },
      {
          "position":{
              "x":620,
              "y":580
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"人民东路-检修"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"00beb5fa-fcd4-40be-bae1-b7b9a3acba7b",
          "zIndex":60
      },
      {
          "position":{
              "x":840,
              "y":580
          },
          "size":{
              "width":100,
              "height":100
          },
          "attrs":{
              "text":{
                  "refX":50,
                  "refY":120,
                  "textWrap":{
                      "text":"锦泰广场-检修"
                  },
                  "style":{
                      "display":""
                  }
              },
              "body":{
                  "stroke":"#fff"
              }
          },
          "shape":"flow-chart-rect",
          "ports":{
              "groups":{
                  "top":{
                      "position":"top",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "right":{
                      "position":"right",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "bottom":{
                      "position":"bottom",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  },
                  "left":{
                      "position":"left",
                      "attrs":{
                          "circle":{
                              "r":3,
                              "magnet":true,
                              "stroke":"#5F95FF",
                              "strokeWidth":1,
                              "fill":"#fff",
                              "style":{
                                  "visibility":"hidden"
                              }
                          }
                      }
                  }
              },
              "items":[
                  {
                      "group":"top",
                      "id":"49075672-6852-4c45-a09b-ff1ddd6632e9"
                  },
                  {
                      "group":"right",
                      "id":"2dc9975b-3937-42bc-bcaf-55d1389c44b0"
                  },
                  {
                      "group":"bottom",
                      "id":"c43866db-d097-4a75-9554-af470c05d240"
                  },
                  {
                      "group":"left",
                      "id":"3b224756-c3fd-4693-bc0b-cb4e23395336"
                  }
              ]
          },
          "id":"0622dbc5-b317-4695-a6de-01ed14030a5b",
          "zIndex":61
      }
  ]
}

// const aaa ={
//   "cells":[
//       {
//           "shape":"edge",
//           "attrs":{
//               "line":{
//                   "stroke":"#5F95FF",
//                   "strokeWidth":1,
//                   "targetMarker":{
//                       "name":"classic",
//                       "size":8
//                   }
//               }
//           },
//           "id":"53bd4b02-aa66-4251-999d-7a2639e6a4d4",
//           "router":{
//               "name":"manhattan"
//           },
//           "zIndex":0,
//           "source":{
//               "cell":"5448d056-667d-4373-83a2-9dfae4d07417",
//               "port":"f340a5da-7f78-40e4-ba12-be2185c38d05"
//           },
//           "target":{
//               "cell":"35c63c8c-ba0e-429b-9627-2475c1a4e0b5",
//               "port":"39a6fa63-89e0-4305-b553-bc294505210f"
//           }
//       },
//       {
//           "shape":"edge",
//           "attrs":{
//               "line":{
//                   "stroke":"#5F95FF",
//                   "strokeWidth":1,
//                   "targetMarker":{
//                       "name":"classic",
//                       "size":8
//                   }
//               }
//           },
//           "id":"44470830-abc1-450a-9fb9-4c49d69ba3b3",
//           "router":{
//               "name":"manhattan"
//           },
//           "zIndex":0,
//           "source":{
//               "cell":"5448d056-667d-4373-83a2-9dfae4d07417",
//               "port":"d01bb44c-df6a-416f-b1ae-e9c68deb5664"
//           },
//           "target":{
//               "cell":"35c63c8c-ba0e-429b-9627-2475c1a4e0b5",
//               "port":"9479431a-386e-4071-bc06-f45ad1a79bdb"
//           }
//       },
//       {
//           "shape":"edge",
//           "attrs":{
//               "line":{
//                   "stroke":"#5F95FF",
//                   "strokeWidth":1,
//                   "targetMarker":{
//                       "name":"classic",
//                       "size":8
//                   }
//               }
//           },
//           "id":"2dcd79b4-f376-4f37-9d5c-f54f484ae653",
//           "router":{
//               "name":"manhattan"
//           },
//           "zIndex":0,
//           "source":{
//               "cell":"5448d056-667d-4373-83a2-9dfae4d07417",
//               "port":"9b4e7b72-9d0a-4530-b938-abe05eab3732"
//           },
//           "target":{
//               "cell":"35c63c8c-ba0e-429b-9627-2475c1a4e0b5",
//               "port":"aa358eeb-3fdd-41a1-b2c9-91b5cd2f7433"
//           }
//       },
//       {
//           "position":{
//               "x":45,
//               "y":75
//           },
//           "size":{
//               "width":200,
//               "height":60
//           },
//           "shape":"flow-chart-image-rect",
//           "ports":{
//               "groups":{
//                   "top":{
//                       "position":"top",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   },
//                   "right":{
//                       "position":"right",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   },
//                   "bottom":{
//                       "position":"bottom",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   },
//                   "left":{
//                       "position":"left",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   }
//               },
//               "items":[
//                   {
//                       "group":"top",
//                       "id":"ad3d80c7-4c3a-40dd-87c8-0b0d2120adcc"
//                   },
//                   {
//                       "group":"right",
//                       "id":"f340a5da-7f78-40e4-ba12-be2185c38d05"
//                   },
//                   {
//                       "group":"bottom",
//                       "id":"d01bb44c-df6a-416f-b1ae-e9c68deb5664"
//                   },
//                   {
//                       "group":"left",
//                       "id":"9b4e7b72-9d0a-4530-b938-abe05eab3732"
//                   }
//               ]
//           },
//           "id":"5448d056-667d-4373-83a2-9dfae4d07417",
//           "zIndex":1
//       },
//       {
//           "position":{
//               "x":120,
//               "y":210
//           },
//           "size":{
//               "width":200,
//               "height":68
//           },
//           "shape":"flow-chart-title-rect",
//           "ports":{
//               "groups":{
//                   "top":{
//                       "position":"top",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   },
//                   "right":{
//                       "position":"right",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   },
//                   "bottom":{
//                       "position":"bottom",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   },
//                   "left":{
//                       "position":"left",
//                       "attrs":{
//                           "circle":{
//                               "r":3,
//                               "magnet":true,
//                               "stroke":"#5F95FF",
//                               "strokeWidth":1,
//                               "fill":"#fff",
//                               "style":{
//                                   "visibility":"hidden"
//                               }
//                           }
//                       }
//                   }
//               },
//               "items":[
//                   {
//                       "group":"top",
//                       "id":"9479431a-386e-4071-bc06-f45ad1a79bdb"
//                   },
//                   {
//                       "group":"right",
//                       "id":"39a6fa63-89e0-4305-b553-bc294505210f"
//                   },
//                   {
//                       "group":"bottom",
//                       "id":"176d4127-bd44-414f-96b5-2b159f2ef094"
//                   },
//                   {
//                       "group":"left",
//                       "id":"aa358eeb-3fdd-41a1-b2c9-91b5cd2f7433"
//                   }
//               ]
//           },
//           "id":"35c63c8c-ba0e-429b-9627-2475c1a4e0b5",
//           "zIndex":2
//       }
//   ]
// }
  export default graphData
  